<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华中科技大学</title>
    <link rel="stylesheet" href="css/demo.css">
</head>

<body>
    <div id="wrap">
        <!-- 头部 -->
        <div id="header">
            <div class="top">
                <div class="left">
                    <a href="https://www.hust.edu.cn/"><img src="img/logo.png"></a>
                    <div class="headernav">
                        <a href="https://www.hust.edu.cn/ksfw/xs.htm">学生</a>
                        <a href="https://www.hust.edu.cn/ksfw/jzg.htm">教职工</a>
                        <a href="https://www.hust.edu.cn/ksfw/xy.htm">校友</a>
                        <a href="https://www.hust.edu.cn/ksfw/fk.htm">访客</a>
                    </div>
                </div>
                <div class="right">
                    <a
                        href="https://pass.hust.edu.cn/cas/login?service=http%3A%2F%2Fone.hust.edu.cn%2Fdcp%2Findex.jsp">信息门户</a>
                    <a href="http://english.hust.edu.cn/">English</a>
                </div>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="">学校概况</a></li>
                    <span>|</span>
                    <li><a href="">院系设置</a></li>
                    <span>|</span>
                    <li><a href="">师资队伍</a></li>
                    <span>|</span>
                    <li><a href="">学科建设</a></li>
                    <span>|</span>
                    <li><a href="">教育教学</a></li>
                    <span>|</span>
                    <li><a href="">科学研究</a></li>
                    <span>|</span>
                    <li><a href="">招生就业</a></li>
                    <span>|</span>
                    <li><a href="">合作交流</a></li>
                    <span>|</span>
                    <li><a href="">文化生活</a></li>
                    <span>|</span>
                </ul>
            </div>
        </div>




        <!-- 轮播图 -->
        <div id="-1">
            <div class="wrap">
                <ul class="sliderPage">
                    <li><a href=""><img src="img/lunbo1.png" alt=""></a></li>
                    <li><a href=""><img src="img/lunbo2.jpg" alt=""></a></li>
                    <li><a href=""><img src="img/lunbo3.jpg" alt=""></a></li>
                    <li><a href=""><img src="img/lunbo4.jpg" alt=""></a></li>
                    <li><a href=""><img src="img/lunbo5.jpg" alt=""></a></li>
                    <li><a href=""><img src="img/lunbo1.png" alt=""></a></li>

                </ul>



                <div class="btn leftBtn">&lt;</div>
                <div class="btn rightBtn">&gt;</div>
                <div class="sliderIndex">
                    <span class="active"></span>
                    <span></span>
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </div>

        <!-- 新闻边栏 -->
        <div class="minwidth">

            <div class="newstitle">
                <div>
                    <div class="title">学校要闻</div>
                </div>
                <div>
                    <a href="">进入新闻网&gt;</a>
                </div>
            </div>


            <!-- 新闻主体 -->
            <div class="news">
                <ul class="newmain">
                    <li>
                        <img src="img/newsmain1.jpg" alt="">
                        <a href="" class="title">新冠肺炎疫情防控专题网站</a>
                        <div>2020-01-31</div>
                    </li>
                    <li>
                        <a href=""><img src="img/newsmain2.jpg" alt=""></a>
                        <a href="" class="title">2020年校党委全委（扩大）会议召开
                        </a>
                        <div>1月13日，中共华中科技大学第四届委员会第四次全体（扩大）会议举行，审议并通过了校党委2020年工作报告、2021年工作要点，2020年校长工作报告，校纪委2020年工作报告。
                        </div>
                        <div>2021-01-15</div>
                    </li>
                    <li>
                        <a href=""><img class="img1" src="img/newsmain3.jpg" alt=""></a>
                        <a href="" class="title">弘扬伟大精神 学校抗击新冠肺炎疫情专题展览开幕
                        </a>
                        <div>300余张图片、77组实物、41副画作、22部视频，集中展现了华中科技大学“天下兴亡、匹夫有责”的家国情怀和“与人民同舟、与祖国共济”的使命担当。</div>
                        <div>2021-01-14</div>
                    </li>
                    <li>
                        <a href="" class="title">校党委理论学习中心组2021年第一次集体学习举行</a>
                        <div>1月12日，校党委理论学习中心组召开2021年第一次集体学习暨2020年度领导班子民主生活会会前专题学习。</div>
                        <div>2021-01-14</div>
                    </li>
                    <li>
                        <a href="" class="title">学校党委召开党外人士座谈会</a>
                        <div>1月8日，学校召开党外人士座谈会，就《学校工作报告》《学校2020年财务工作报告》《学校2021年工作要点》听取党外人士意见和建议。</div>
                        <div>2021-01-14</div>
                    </li>
                    <li>
                        <a href="" class="title">【科学前沿】《自然·通讯》发表费鹏团队高通量光学成像研究新成果</a>
                        <div>研究提出一种自监督的三维压缩感知算法，结合大视场贝塞尔光片显微镜技术，实现高通量的全组织整体三维成像。</div>
                        <div>2021-01-14</div>
                    </li>
                </ul>
            </div>



            <!-- 第二个新闻边栏 -->
            <div class="nextnews">
                <ul>
                    <li><span>通知公告</span><a href="">更多+</a></li>
                    <li><span>媒体聚焦</span></li>
                    <li><span>综合新闻</span></li>
                </ul>
            </div>


            <!-- 第二个新闻主体 -->
            <div class="nextmain">
                <div class="wrap">
                    <ul class="date1">
                        <li>
                            <div>
                                <div>11</div>
                                <div>2021-01</div>
                            </div>
                            <a href="">关于召开中共华中科技大学第四届委员会第四次全体（扩大）会议的通知</a>
                        </li>
                        <li>
                            <div>
                                <div>04</div>
                                <div>2021-01</div>
                            </div>
                            <a href="">关于2021年寒假教职工轮休的通知</a>
                        </li>
                        <li>
                            <div>
                                <div>31</div>
                                <div>2020-12</div>
                            </div>
                            <a href="">关于做好2021年元旦春节和寒假期间疫情防控等有关工作的通知</a>
                        </li>
                    </ul>
                    <ul class="date2">
                        <li>
                            <div>
                                <div>20</div>
                                <div>2021-01</div>
                            </div>
                            <a href="">【新华社】《突发公共卫生事件医院管理实践》在武汉发布</a>
                        </li>
                        <li>
                            <div>
                                <div>20</div>
                                <div>2021-01</div>
                            </div>
                            <a href="">【人民日报】今日出发，武汉飞吉林！华中大同济医院重症医学专家赴吉林支援！</a>
                        </li>
                        <li>
                            <div>
                                <div>18</div>
                                <div>2021-01</div>
                            </div>
                            <a href="">【央视网】《焦点访谈》20210116白衣逆行再出征</a>
                        </li>
                    </ul>
                    <ul class="date3">
                        <li>
                            <div>
                                <div>21</div>
                                <div>2021-01</div>
                            </div>
                            <a href="">第二临床学院开展课程思政专题培训</a>
                        </li>
                        <li>
                            <div>
                                <div>21</div>
                                <div>2021-01</div>
                            </div>
                            <a href="">附属协和医院开设首家专业实践基地 临床医学博士专业学位研究生社会实践开展</a>
                        </li>
                        <li>
                            <div>
                                <div>20</div>
                                <div>2021-01</div>
                            </div>
                            <a href="">生命学院通过首批全国党建工作标杆院系培育创建单位验收</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>


        <!-- 学生 学者  学术 -->
        <div class="xue">
            <p>学生 · 学者 · 学术</p>
            <ul>
                <li>
                    <div>
                        <img src="./img/01.jpg" alt="">
                        <div class="word">
                            <a href="">游龙教授课题组利用自旋轨道力矩-忆阻器件实现三维磁场探测</a>
                            <p>2021-03-15</p>
                        </div>

                    </div>
                    <div class="text">研究发现根据自旋轨道力矩与磁场驱动畴壁移动的差异性，可以通过一定方式将矢量磁场的三个分量分离出来，即从物理上实现单器件探测矢量磁场。</div>
                </li>
                <li>
                    <div>
                        <img src="./img/02.jpg" alt="">
                        <div class="word">
                            <a href="">省“三八红旗手”宁琴：抗疫火线铁娘子</a>
                            <p>2021-03-08</p>
                        </div>

                    </div>
                    <div class="text">3月8日，湖北省各界妇女纪念三八国际妇女节111周年大会在洪山礼堂举行，附属同济医院感染科主任宁琴教授荣获湖北省“三八红旗手”荣誉称号。</div>
                </li>
                <li>
                    <div>
                        <img src="./img/03.jpg" alt="">
                        <div class="word">
                            <a href="">“神奇”的管莉华：将平凡的工作做到极致</a>
                            <p>2021-02-24</p>
                        </div>

                    </div>
                    <div class="text">她的大脑能够装下无数学生的名字，她是让所有同济学子走遍天涯也无法忘记的老师，她是最美丽、最和蔼可亲、最有职业风度的图书管理专家之一……她就是管莉华。
                    </div>
                </li>
            </ul>
            <a href="" class="btnxue">更多>></a>

        </div>




        <!-- 专题专栏 -->
        <div class="zhuanlan">
            <p>专题专栏</p>
            <ul>
                <li>
                    <div>
                        <img src="./img/04.png" alt="">
                        <div class="word">
                            <a href="">新冠肺炎疫情防控专题</a>
                        </div>

                    </div>
                    <div class="text">
                        针对近期武汉发生的新冠肺炎疫情，华中科技大学及附属医院迅速行动，众志成城。学校坚决贯彻落实习近平总书记的重要指示精神，采取多项举措确保全校师生员工身体健康和生命安全，打赢这场抗击新型肺炎的攻坚战。
                    </div>
                </li>
                <li>
                    <div>
                        <img src="./img/05.jpg" alt="">
                        <div class="word">
                            <a href="">理论学习</a>
                        </div>

                    </div>
                    <div class="text">
                        华中大视野网是全校师生开展理论学习的重要园地，是集文字、图片、视频于一体的理论学习主题网站。主要通过更为广泛的信息、更为有效的方式，为师生搭建交流平台，提供学习...</div>
                </li>
                <li>
                    <div>
                        <img src="./img/06.jpg" alt="">
                        <div class="word">
                            <a href="">精准扶贫</a>
                        </div>

                    </div>
                    <div class="text">2013年以来，华中科技大学按照党中央、国务院部署，发挥人才、科技、教育优势，全力推动各项精准扶贫任务落地落实，坚决打赢脱贫攻坚战。</div>
                </li>
                <li>
                    <div>
                        <img src="./img/07.jpg" alt="">
                        <div class="word">
                            <a href="">不忘初心 牢记使命</a>
                        </div>

                    </div>
                    <div class="text">
                        “不忘初心、牢记使命”主题教育是在全党范围内开展的主题教育，是推动全党更加自觉地为实现新时代党的历史使命不懈奋斗的重要内容。习近平总书记在十九大报告中指出，要在全党开展“不忘初心、牢记使命”主题教育，用党的创新理论武装头...
                    </div>
                </li>
            </ul>
            <a href="" class="btnzhuanlan">更多>></a>

        </div>


        <!-- 常用链接 -->
        <div class="link">
            <div class="minwidth">
                <div class="title">常用链接</div>
                <div class="flex">
                    <div class="link1">
                        <ul>
                            <li>
                                <a href="">
                                    <div id="icon1"></div>
                                    <p>图书馆</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div id="icon2"></div>
                                    <p>校史馆</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div id="icon3"></div>
                                    <p>同济医学院</p>
                                </a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">
                                    <div id="icon4"></div>
                                    <p>师生服务中心</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div id="icon5"></div>
                                    <p>邮箱登录</p>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div id="icon6"></div>
                                    <p>信息公开</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="link2">
                        <img src="./img/blue.png" alt="">
                        <div>
                            <ul>
                                <li>
                                    <a href="">
                                        <div id="icon7"></div>
                                        <p>官方微信</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div id="icon8"></div>
                                        <p>移动应用</p>
                                    </a>
                                </li>

                            </ul>
                            <ul>
                                <li>
                                    <a href="">
                                        <div id="icon9"></div>
                                        <p>官方微博</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <div id="icon10"></div>
                                        <p>校名校徽</p>
                                    </a>
                                </li>

                            </ul>
                        </div>

                    </div>
                </div>

            </div>
        </div>


        <!-- footer -->
        <div class="footer">
            <div>
                <p>地址：湖北省武汉市洪山区珞喻路1037号</p>
                <p>邮政编码：430074</p>
                <p>电话：027-87541114</p>
                <a href=""> 鄂ICP备05003321号-1</a>
                <img src="./img/footer.png" alt="">
                <a href="">鄂公网安备 42011102000123号</a>
            </div>




        </div>
    </div>

    <script src="./js/move.js"></script>
    <script src="./js/demo.js"></script>
</body>

</html>